<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; Charset=utf-8">
<meta http-equiv="Content-Language" content="zh-CN">
<meta name="viewport"
	content="width=device-width, initial-scale=1, user-scalable=no" />
<title>梦离路  - 关于本站 - 添加友情链接</title>
<link rel="shortcut icon" href="<%=basePath%>file/images/Logo_40.png"
	type="image/x-icon">
<!--Layui-->
<link href="<%=basePath%>file/plug/layui/css/layui.css" rel="stylesheet" />
<!--font-awesome-->
<link
	href="<%=basePath%>file/plug/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" />
<!-- animate.css -->
<link href="<%=basePath%>file/css/animate.min.css" rel="stylesheet" />
<!--全局样式表-->
<link href="<%=basePath%>file/css/global.css" rel="stylesheet" />
<!-- 本页样式表 -->
<link href="<%=basePath%>file/css/timeline.css" rel="stylesheet" />
<body>
	<!-- 导航 -->
	<nav class="blog-nav layui-header">
		<div class="blog-container">
			<!-- QQ互联登陆 -->
			<a href="javascript:;" class="blog-user"> <i class="fa fa-qq"></i>
			</a> <a href="javascript:;" style="top:10px"style="top:10px" class="blog-user layui-hide"> <img
				src="<%=basePath%>file/images/Absolutely.jpg" alt="Absolutely"
				title="Absolutely" />
			</a>
			<!-- 不落阁 -->
			<a class="blog-logo" href="home">梦离路 </a>
			<!-- 导航菜单 -->
			<ul class="layui-nav" lay-filter="nav">
				<li class="layui-nav-item"><a href="home"><i
						class="fa fa-home fa-fw"></i>&nbsp;网站首页</a></li>
				<li class="layui-nav-item"><a href="article"><i
						class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a></li>
				<li class="layui-nav-item"><a href="resource"><i
						class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a></li>
				<li class="layui-nav-item layui-this"><a href="timeline"><i
						class="fa fa-hourglass-half fa-fw"></i>&nbsp;点点滴滴</a></li>
				<li class="layui-nav-item"><a href="about"><i
						class="fa fa-info fa-fw"></i>&nbsp;关于本站</a></li>
			</ul>
			<!-- 手机和平板的导航开关 -->
			<a class="blog-navicon" href="javascript:;"> <i
				class="fa fa-navicon"></i>
			</a>
		</div>
	</nav>
	<div class="blog-body">
		<div class="blog-container">
			<blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
				<a href="home.html" title="网站首页">网站首页</a> <a href="about"
					title="资源分享">关于本站</a> <a><cite>添加友情链接</cite></a>
			</blockquote>
			<div class="blog-main">
				<div class="child-nav shadow">
					<p class="child-nav-btn child-nav-btn-this">添加分享</p>
				</div>
				<div class="timeline-box shadow"
					style="min-height: 0;max-width: 1170px">
					<form action="" Method="post" enctype="multipart/form-data">
						<div class="layui-form-item"
							style="display:flex;flex-direction:column;">
							<div style="align-self: center">
								<label class="layui-form-label">标题：</label>
								<div class="layui-input-block">
									<input type="lable" name="title" maxlength="10" required
										lay-verify="required" placeholder="请输入标题" autocomplete="off"
										class="layui-input" style="width: 15em">
								</div>
							</div>
						</div>
						<div class="layui-form-item"
							style="display:flex;flex-direction:column;">
							<div style="align-self: center">
								<label class="layui-form-label">简介：</label>
								<div class="layui-input-block">
									<input type="lable" name="title" maxlength="15" required
										lay-verify="required" placeholder="请输入简介" autocomplete="off"
										class="layui-input" style="width: 15em">
								</div>
							</div>
						</div>
						<div class="layui-form-item"
							style="display:flex;flex-direction:column;">
							<div style="align-self: center">
								<label class="layui-form-label">下载链接：</label>
								<div class="layui-input-block">
									<input type="state" name="link_http" required
										lay-verify="required" placeholder="请输入下载地址" autocomplete="off"
										class="layui-input" style="width: 15em">
								</div>
							</div>
						</div>
						<div class="layui-form-item"
							style="display:flex;flex-direction:column;">
							<div style="align-self: center">
								<label class="layui-form-label">演示链接：</label>
								<div class="layui-input-block">
									<input type="state" name="link_http" required
										lay-verify="required" placeholder="请输入演示地址" autocomplete="off"
										class="layui-input" style="width: 15em">
								</div>
							</div>
						</div>
						<div class="layui-form-item"
							style="display:flex;flex-direction:column;">
							<div style="align-self: center">
								<label class="layui-form-label">演示图片：</label>
								<div class="layui-input-block">
									<input type="file" id="file" name="file" class="layui-upload-file">
								</div>
							</div>
						</div>
						
						
						<div style="display:flex;flex-direction:column;margin-top: 20px">
							<input class="input-sub" type="submit" value="确定"
								style="border: none;width: 80px;height: 40px;align-self: center;color: white;border-radius: 5px">
						</div>
					</form>


				</div>

			</div>
		</div>
	</div>
	<!-- 底部 -->
	<footer class="blog-footer">
		<p>
			<span>Copyright</span><span>&copy;</span><span>2017</span><a
				href="http://www.lyblogs.cn">不落阁</a><span>Design By LY</span>
		</p>
		<p>
			<a href="http://www.miibeian.gov.cn/" target="_blank"> 蜀ICP备18033075号-1</a>
		</p>
	</footer>
	<!--侧边导航-->
	<ul
		class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide"
		lay-filter="nav">
		<li class="layui-nav-item"><a href="home.html"><i
				class="fa fa-home fa-fw"></i>&nbsp;网站首页</a></li>
		<li class="layui-nav-item"><a href="article.html"><i
				class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a></li>
		<li class="layui-nav-item"><a href="resource.html"><i
				class="fa fa-tags fa-fw"></i>&nbsp;资源分享</a></li>
		<li class="layui-nav-item layui-this"><a href="timeline.html"><i
				class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a></li>
		<li class="layui-nav-item"><a href="about.html"><i
				class="fa fa-info fa-fw"></i>&nbsp;关于本站</a></li>
	</ul>
	<!--分享窗体-->
	<div class="blog-share layui-hide">
		<div class="blog-share-body">
			<div style="width: 200px;height:100%;">
				<div class="bdsharebuttonbox">
					<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> <a
						class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a
						class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> <a
						class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
				</div>
			</div>
		</div>
	</div>
	<!--遮罩-->
	<div class="blog-mask animated layui-hide"></div>
	<style>
.input-sub {
	background: #60b879;
}

.input-sub:hover {
	background: black;
}
</style>
	<!-- layui.js -->
	<script src="<%=basePath%>file/plug/layui/layui.js"></script>
	<!-- 全局脚本 -->
	<script src="<%=basePath%>file/js/global.js"></script>
	<!-- 本页脚本 -->
	<script type="text/javascript">
    layui.use('upload', function(){
        layui.upload({
            url: 'saveimg' //上传接口
            ,success: function(res){ //上传成功后的回调
                console.log(res)
            }
        });

    });
    layui.use('jquery', function () {
        var $ = layui.jquery;

        $(function () {
            $('.monthToggle').click(function () {
                $(this).parent('h3').siblings('ul').slideToggle('slow');
                $(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
            });
            $('.yearToggle').click(function () {
                $(this).parent('h2').siblings('.timeline-month').slideToggle('slow');
                $(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
            });
        });
    }); 
</script>

</body>
</html>
